<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Category</title>
		
		<link href="css/master.css" rel="stylesheet">
		<link href="css/header.css" rel="stylesheet">
    <link href="css/icon-menu.css" rel="stylesheet">

		<!-- SWITCHER -->
		<link rel="stylesheet" id="switcher-css" type="text/css" href="plugins/switcher/css/switcher.css" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="plugins/switcher/css/color1.css" title="color1" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="plugins/switcher/css/color2.css" title="color2" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="plugins/switcher/css/color3.css" title="color3" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="plugins/switcher/css/color4.css" title="color4" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="plugins/switcher/css/color5.css" title="color5" media="all" />

		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body class="animated-css" data-scrolling-animations="false">
		<div class="sp-body">

      <!-- Loader Landing Page -->
       <div id="loader">
        <div class="loader"></div>  
      </div>
      <!-- Loader end -->
    
			<!-- Start Switcher -->
      <div class="switcher-wrapper">  
        <div class="demo_changer">
          <div class="demo-icon customBgColor"><i class="fa fa-cog fa-spin fa-2x"></i></div>
          <div class="form_holder">
            <div class="row">
              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="predefined_styles">
                  <div class="skin-theme-switcher">
                    <h4>Color</h4>
                    <a href="#" data-switchcolor="color1" class="styleswitch" style="background-color:#e94d38;"> </a>
                    <a href="#" data-switchcolor="color2" class="styleswitch" style="background-color:#0078ff;"> </a>
                    <a href="#" data-switchcolor="color3" class="styleswitch" style="background-color:#00ac00;"> </a>             
                    <a href="#" data-switchcolor="color4" class="styleswitch" style="background-color:#e8c500;"> </a>
                    <a href="#" data-switchcolor="color5" class="styleswitch" style="background-color:#c23eff;"> </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- End Switcher -->

			<header id="header">
        <div class="header-top">
          <div class="container">
            <ul class="nav nav-pills nav-top navbar-right">
              <li class="dropdown langs">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#"><img src="images/arabic.png" alt="uk"> <i class="fa fa-angle-down"></i></a>
                <ul role="menu" class="dropdown-menu">
                  <li><a href="#"><img src="images/UK.png" alt="uk"></a></li>
                  <li><a href="#"><img src="images/dutch.png" alt="uk"></a></li>
                  <li><a href="#"><img src="images/german.png" alt="uk"></a></li>
                </ul>
              </li>
              <li class="dropdown currency">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="fa fa-usd"></i> <i class="fa fa-angle-down"></i></a>
                <ul role="menu" class="dropdown-menu">
                  <li><a href="#"><i class="fa fa-eur"></i></a></li>
                  <li><a href="#"><i class="fa fa-jpy"></i></a></li>
                </ul>
              </li>
              <li class="dropdown my-account">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">My Account <i class="fa fa-angle-down"></i></a>
                <ul role="menu" class="dropdown-menu">
                  <li><a href="#">My Dashboard</a></li>
                  <li><a href="#">Account Information</a></li>
                  <li><a href="#">Address Book</a></li>
                  <li><a href="#">My Orders</a></li>
                </ul>
              </li>
              <li class="dropdown my-cart">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="fa fa-shopping-cart"></i></a>
                <ul role="menu" class="dropdown-menu header-cart_product_list">
                    <li class="added-items">
                      <div class="header-cart_product_list_item clearfix">
                        <a class="item-preview" href="product-details.html"><img src="images/cart-img-1.jpg" alt="Product"></a>
                        <h4><a class="font-additional font-weight-normal hover-focus-color cart-product-title" href="product-details.html">Stylish Wear</a></h4>
                        <span class="item-cat font-main font-weight-normal"><a class="hover-focus-color cart-product-category" href="#">Men</a></span>
                        <span class="item-price font-additional font-weight-normal customColor">37.15 USD</span>
                        <a class="item-del hover-focus-color" href="#"><i class="fa fa-trash-o"></i></a>
                      </div>
                    </li>
                    <li class="added-items">
                      <div class="header-cart_product_list_item clearfix">
                        <a class="item-preview" href="product-details.html"><img src="images/cart-img-2.jpg" alt="Product"></a>
                        <h4><a class="font-additional font-weight-normal hover-focus-color cart-product-title" href="product-details.html">Bag</a></h4>
                        <span class="item-cat font-main font-weight-normal"><a class="hover-focus-color cart-product-category" href="#">Accessories</a></span>
                        <span class="item-price font-additional font-weight-normal customColor">60.10 USD</span>
                        <a class="item-del hover-focus-color" href="#"><i class="fa fa-trash-o"></i></a>
                      </div>
                    </li>
                  </ul>
              </li>
            </ul>            
          </div> 
          <div class="container-fluid trigger-container">
            <div class="row text-center">
              <button class="menu-trigger"><i class="fa fa-bars"></i></button>
            </div>
          </div>         
        </div>
        <div class="header-middle">
          <div class="container relative">
            <a href="index.html" class="logo pull-left"></a>
            <div class="header-search pull-right">
              <div class="header-search_filter">
                <select class="formDropdown font-additional font-weight-normal" name="filterby" id="filterby">
                  <option value="0">Filter By</option>
                  <option value="date">Date</option>
                  <option value="title">Title</option>
                  <option value="cat">Category</option>
                </select>
                <i class="fa fa-angle-down customColor"></i>
              </div>
              <div class="header-search_form">
                <form class="product-search form-inline" action="#" method="POST">
                  <div class="form-group">
                    <label class="sr-only" for="searchQuery">Product Name ...</label>
                    <input type="search" class="product-search_field font-main font-weight-normal" id="searchQuery" placeholder="Product Name ...">
                  </div>
                  <button type="submit" class="product-search_btn hvr-bounce-to-right">
                    <i class="fa fa-search"></i>
                  </button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </header>

      <!-- icon-menu -->
      <nav id="icon-menu" class="main-menu">
        
        <div class="scrollbar" id="style-1">
          <ul>
            <li class="lightli">                                   
              <a href="index.html">
                <i class="fa fa-home fa-lg"></i>
                <span class="nav-text">Home</span>
              </a>
            </li>
            <li class="lightli">                                 
              <a href="#">
                <i class="fa fa-user fa-lg"></i>
                <span class="nav-text">My Account</span>
              </a>
            </li>
            <li class="lightli">                                 
              <a href="contact.html">
                <i class="fa fa-envelope-o fa-lg"></i>
                <span class="nav-text">Contact</span>
              </a>
            </li>
            
              <li class="darkerli">
                <a href="category.html">
                  <i class="fa fa-shopping-cart"></i>
                   <span class="nav-text">Shop</span>
                </a>
              </li>
              <li class="darkerli">
                <a href="category.html">
                  <i class="fa fa-male fa-lg"></i>
                  <span class="nav-text">Men</span>
                </a>
              </li>
              <li class="darkerli">
                <a href="category-1.html">
                  <i class="fa fa-female fa-lg"></i>
                  <span class="nav-text">Women</span>
                </a>
              </li>
              <li class="darkerli">
                <a href="category.html">
                  <i class="fa fa-picture-o fa-user-secret"></i>
                  <span class="nav-text">shoes</span>
                </a>
              </li>
              <li class="darkerli">
                <a href="product-details.html">
                  <i class="fa fa-picture-o fa-newspaper-o"></i>
                  <span class="nav-text">Detail</span>
                </a>
              </li>
              <li class="darkerli">
                <a href="product-details-1.html">
                  <i class="fa fa-picture-o fa-building"></i>
                  <span class="nav-text">Detail-1</span>
                </a>
              </li>
              <li class="darkerli">
                <a href="blog.html">
                  <i class="fa fa-pencil-square-o fa-lg"></i>
                  <span class="nav-text">Blog</span>
                </a>
              </li>
                                 
          </ul>
        </div>
        
      </nav>
          <!-- icon-menu -->

			<section id="pageTitleBox" class="paralax breadcrumb-container"  style="background-image: url('images/detail-heading-bg.jpg');">
				<div class="overlay"></div>
				<div class="container relative">
					<h1 class="title font-additional font-weight-normal color-main text-uppercase wow zoomIn" data-wow-delay="0.3s">Shop Category</h1>
					<ul class="breadcrumb-list">
						<li>
							<a href="index-1.html" class="font-additional font-weight-normal color-main text-uppercase">HOME</a>
							<span><i class="fa fa-angle-double-right"></i> </span>
						</li>
						<li class="font-additional font-weight-normal color-main text-uppercase">Products</li>
					</ul>
				</div>
			</section>

			<section id="pageContent" class="page-content">
				<div class="container">
					<div class="row">
						<div class="sidebar col-lg-3 col-md-3 col-sm-3 col-xs-12 clearfix">
							<h3 class="sidebar-title font-additional font-weight-bold text-uppercase customColor wow fadeIn" data-wow-delay="0.3s">categories</h3>
              <ul class="categories-tree wow fadeIn" data-wow-delay="0.6s">
                <li>
                  <a href="#" class="font-additional font-weight-normal hover-focus-color color-third text-uppercase">
                    <span class="pull-left">ACCESSORIES</span>
                    <span class="pull-right">(8)</span>
                  </a>
                </li>
                <li>
                  <a href="#" class="font-additional font-weight-normal hover-focus-color color-third text-uppercase">
                    <span class="pull-left">FOOTWEAR</span>
                    <span class="pull-right">(19)</span>
                  </a>
                </li>
                <li>
                  <a href="#" class="font-additional font-weight-normal hover-focus-color color-third text-uppercase">
                    <span class="pull-left">JEWELLRY</span>
                    <span class="pull-right">(9)</span>
                  </a>
                </li>
                <li>
                  <a href="#" class="font-additional font-weight-normal hover-focus-color color-third text-uppercase">
                    <span class="pull-left">MEN</span>
                    <span class="pull-right">(7)</span>
                  </a>
                </li>
                <li>
                  <a href="#" class="font-additional font-weight-normal hover-focus-color color-third text-uppercase">
                    <span class="pull-left">NEW</span>
                    <span class="pull-right">(5)</span>
                  </a>
                </li>
                <li>
                  <a href="#" class="font-additional font-weight-normal hover-focus-color color-third text-uppercase">
                    <span class="pull-left">WOMEN</span>
                    <span class="pull-right">(7)</span>
                  </a>
                </li>
              </ul>
              <h3 class="sidebar-title font-additional font-weight-bold text-uppercase customColor wow fadeIn" data-wow-delay="0.3s">by price</h3>
              <div class="sidebar-slider wow fadeIn" data-wow-delay="0.6s">
                <div class="slider-range" data-min="50" data-max="450" data-default-min="50" data-default-max="350" data-range="true" data-value-container-id="priceAmount"></div>
                <div class="filter-container">
                  <div class="slider-range-value pull-left">
                    <label class="font-main font-weight-normal" for="priceAmount">Price:</label>
                    <input class="font-main font-weight-normal" type="text" id="priceAmount" readonly>
                  </div>
                  <a class="btn button-border font-additional font-weight-bold hvr-bounce-to-right hover-focus-border before-bg pull-right" href="#">Filter</a>
                </div>
              </div>
              <ul class="category-images sidebar-product wow fadeIn" data-wow-delay="0.3s">
                <li class="grid">
                 <figure class="effect-ruby">
                    <img src="images/products/1.jpg" alt="product">
                    <figcaption>
                      <div class="category-images_content">
                        <h2 class="font-additional font-weight-bold text-uppercase color-main customBgColor" style="font-size:18px;">HOT COLLECTION</h2>
                      </div>
                      <a href="#">View more</a>
                    </figcaption>     
                 </figure>
                </li>
              </ul>
              <h3 class="sidebar-title font-additional font-weight-bold text-uppercase customColor wow fadeIn" data-wow-delay="0.3s">featured products</h3>
              <ul class="sidebar-popular-product wow fadeIn" data-wow-delay="0.6s">
                <li>
                  <a class="popular-product-item" href="product-details.html">
                    <img src="images/products/latest-1.jpg" alt="Product">
                    <span class="popular-product-item_title font-additional font-weight-bold text-uppercase">WOMEN ring</span>
                    <span class="popular-product-item_price font-additional color-third">$80.00</span>
                  </a>
                </li>
                <li>
                  <a class="popular-product-item" href="product-details.html">
                    <img src="images/products/latest-2.jpg" alt="Product">
                    <span class="popular-product-item_title font-additional font-weight-bold text-uppercase">MEN shirts</span>
                    <span class="popular-product-item_price font-additional color-third">$105.00</span>
                  </a>
                </li>
                <li>
                  <a class="popular-product-item" href="product-details.html">
                    <img src="images/products/latest-3.jpg" alt="Product">
                    <span class="popular-product-item_title font-additional font-weight-bold text-uppercase">women wear</span>
                    <span class="popular-product-item_price font-additional color-third">$350.00</span>
                    <span class="product-item_sale color-main font-additional customBgColor circle">-5%</span>
                  </a>
                </li>
                <li>
                  <a class="popular-product-item" href="product-details.html">
                    <img src="images/products/latest-4.jpg" alt="Product">
                    <span class="popular-product-item_title font-additional font-weight-bold text-uppercase">bags &amp; packs</span>
                    <span class="popular-product-item_price font-additional color-third">$240.00</span>
                  </a>
                </li>
                <li>
                  <a class="popular-product-item" href="product-details.html">
                    <img src="images/products/latest-5.jpg" alt="Product">
                    <span class="popular-product-item_title font-additional font-weight-bold text-uppercase">stylish caps</span>
                    <span class="popular-product-item_price font-additional color-third">$14.00</span>
                  </a>
                </li>
              </ul>
						</div>
						<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 clearfix">
							<div class="content-box">
								<div class="category-filter clearfix wow fadeIn" data-wow-delay="0.3s">
									<div class="grd-lst pull-left">
                    <span>View as:</span>
                    <a href="category.html" class="grid-type category-active">
                      Grid
                    </a>
                    <span class="slash-seperator">/</span>
                    <a href="category-1.html" class="grid-type">
                      List
                    </a>
                  </div>
                  <div class="select sort-select pull-left">
										<label for="sort">Sort by: </label>
                    <select class="select-field font-main color-third" name="sort" id="sort">
											<option value="">Default</option>
											<option value="trending">Trends</option>
											<option value="sales">Best sellers</option>
											<option value="rating">Best rated</option>
											<option value="price-asc">Price: low to high</option>
											<option value="price-desc">Price: high to low</option>
										</select>
										<i class="fa fa-angle-down customColor"></i>
									</div>
									<div class="select pull-right">
                    <label for="items-qty">Show: </label>
										<select class="select-field font-main color-third" name="items-qty" id="items-qty">
											<option value="12">9 items</option>
											<option value="24">6 items</option>
											<option value="36">3 items</option>
											<option value="48">All items</option>
										</select>
										<i class="fa fa-angle-down customColor"></i>
									</div>                  
								</div>
								<div class="products-cat clearfix">
                  <div class="category-pagination col-sm-12">
                    <p class="pull-left">Result: 1-9 of 86 items</p>
                    <nav>
                      <ul class="pagination pagination-small pull-right">
                        <li>
                          <a href="#" aria-label="Previous">
                            <span aria-hidden="true">Pages: </span>
                          </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                      </ul>
                    </nav>
                  </div>
									<ul class="products-grid">
										<li class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="0.3s">
											<div class="product-item hvr-underline-from-center">
												<div class="product-item_body">
													<img class="product-item_image" src="images/products/8.jpg" alt="Product">
													<a class="product-item_link" href="product-details.html">
														<span class="product-item_sale color-main font-additional customBgColor circle">-15%</span>
													</a>
													<div class="product-sidebar">
                              <a href="#" class="buy">
                                <span>BUY ITEM</span>
                              </a>

                              <a href="product-details.html" class="info">
                                <span>QUICK VIEW</span>
                              </a>

                              <a href="#" class="favorites">
                                <span>ADD TO FAVORITE</span>
                              </a>
                          </div>
												</div>
												<a href="product-details.html" class="product-item_footer">
													<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">GRAY COAT</div>
													<div class="product-item_price font-additional font-weight-normal customColor">$200.00 <span>$235.00</span></div>
												</a>
											</div>
										</li>
										<li class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="0.3s">
											<div class="product-item hvr-underline-from-center">
												<div class="product-item_body">
													<img class="product-item_image" src="images/products/14.jpg" alt="Product">
													<a class="product-item_link" href="product-details.html"></a>
													<div class="product-sidebar">
                              <a href="#" class="buy">
                                <span>BUY ITEM</span>
                              </a>

                              <a href="product-details.html" class="info">
                                <span>QUICK VIEW</span>
                              </a>

                              <a href="#" class="favorites">
                                <span>ADD TO FAVORITE</span>
                              </a>
                          </div>
												</div>
												<a href="product-details.html" class="product-item_footer">
													<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">SPORTS SHOES</div>
													<div class="product-item_price font-additional font-weight-normal customColor">$175.00</div>
												</a>
											</div>
										</li>
                    <li class="clearfix visible-sm"></li>
										<li class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="0.3s">
											<div class="product-item hvr-underline-from-center">
												<div class="product-item_body">
													<img class="product-item_image" src="images/products/5.jpg" alt="Product">
													<a class="product-item_link" href="product-details.html">
														<span class="product-item_sale color-main font-additional customBgColor circle">-10%</span>
														<span class="product-item_outofstock color-main font-additional circle">OUT OF STOCK</span>
													</a>
													<div class="product-sidebar">
                              <a href="#" class="buy">
                                <span>BUY ITEM</span>
                              </a>

                              <a href="product-details.html" class="info">
                                <span>QUICK VIEW</span>
                              </a>

                              <a href="#" class="favorites">
                                <span>ADD TO FAVORITE</span>
                              </a>
                          </div>
												</div>
												<a href="product-details.html" class="product-item_footer">
													<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">BLACK DRESS</div>
													<div class="product-item_price font-additional font-weight-normal customColor">$150.00</div>
												</a>
											</div>
										</li>
										<li class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="0.3s">
											<div class="product-item hvr-underline-from-center">
												<div class="product-item_body product-border">
													<img alt="Product" src="images/products/7.jpg" class="product-item_image">
													<a href="product-details.html" class="product-item_link">
														<span class="product-item_new color-main font-additional text-uppercase circle">new</span>
													</a>
													<div class="product-sidebar">
                              <a href="#" class="buy">
                                <span>BUY ITEM</span>
                              </a>

                              <a href="product-details.html" class="info">
                                <span>QUICK VIEW</span>
                              </a>

                              <a href="#" class="favorites">
                                <span>ADD TO FAVORITE</span>
                              </a>
                          </div>
												</div>
												<a class="product-item_footer" href="product-details.html">
													<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">LEATHER JACKET</div>
													<div class="product-item_price font-additional font-weight-normal customColor">$240.00</div>
												</a>
											</div>
										</li>
                    <li class="clearfix visible-sm"></li>
										<li class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="0.3s">
											<div class="product-item hvr-underline-from-center">
												<div class="product-item_body product-border">
													<img alt="Product" src="images/products/9.jpg" class="product-item_image">
													<a href="product-details.html" class="product-item_link"></a>
													<div class="product-sidebar">
                              <a href="#" class="buy">
                                <span>BUY ITEM</span>
                              </a>

                              <a href="product-details.html" class="info">
                                <span>QUICK VIEW</span>
                              </a>

                              <a href="#" class="favorites">
                                <span>ADD TO FAVORITE</span>
                              </a>
                          </div>
												</div>
												<a class="product-item_footer" href="product-details.html">
													<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">MEN COAT</div>
													<div class="product-item_price font-additional font-weight-normal customColor">$175.00</div>
												</a>
											</div>
										</li>
										<li class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="0.3s">
											<div class="product-item hvr-underline-from-center">
												<div class="product-item_body product-border">
													<img alt="Product" src="images/products/11.jpg" class="product-item_image">
													<a href="product-details.html" class="product-item_link"></a>
													<div class="product-sidebar">
                              <a href="#" class="buy">
                                <span>BUY ITEM</span>
                              </a>

                              <a href="product-details.html" class="info">
                                <span>QUICK VIEW</span>
                              </a>

                              <a href="#" class="favorites">
                                <span>ADD TO FAVORITE</span>
                              </a>
                          </div>
												</div>
												<a class="product-item_footer" href="product-details.html">
													<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">WOMEN DRESS</div>
													<div class="product-item_price font-additional font-weight-normal customColor">$300.00</div>
												</a>
											</div>
										</li>
                    <li class="clearfix visible-sm"></li>										
										<li class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="0.3s">
											<div class="product-item hvr-underline-from-center">
												<div class="product-item_body">
													<img class="product-item_image" src="images/products/13.jpg" alt="Product">
													<a class="product-item_link" href="product-details.html"></a>
													<div class="product-sidebar">
                              <a href="#" class="buy">
                                <span>BUY ITEM</span>
                              </a>

                              <a href="product-details.html" class="info">
                                <span>QUICK VIEW</span>
                              </a>

                              <a href="#" class="favorites">
                                <span>ADD TO FAVORITE</span>
                              </a>
                          </div>
												</div>
												<a href="product-details.html" class="product-item_footer">
													<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">SHOES</div>
													<div class="product-item_price font-additional font-weight-normal customColor">$200.00 <span>$220.00</span></div>
												</a>
											</div>
										</li>
										<li class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="0.3s">
											<div class="product-item hvr-underline-from-center">
												<div class="product-item_body">
													<img class="product-item_image" src="images/products/15.jpg" alt="Product">
													<a class="product-item_link" href="product-details.html"></a>
													<div class="product-sidebar">
                              <a href="#" class="buy">
                                <span>BUY ITEM</span>
                              </a>

                              <a href="product-details.html" class="info">
                                <span>QUICK VIEW</span>
                              </a>

                              <a href="#" class="favorites">
                                <span>ADD TO FAVORITE</span>
                              </a>
                          </div>
												</div>
												<a href="product-details.html" class="product-item_footer">
													<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">LEATHER JACKET</div>
													<div class="product-item_price font-additional font-weight-normal customColor">$175.00</div>
												</a>
											</div>
										</li>
                    <li class="clearfix visible-sm"></li>
										<li class="col-md-4 col-sm-6 wow fadeIn" data-wow-delay="0.3s">
											<div class="product-item hvr-underline-from-center">
												<div class="product-item_body">
													<img class="product-item_image" src="images/products/17.jpg" alt="Product">
													<a class="product-item_link" href="product-details.html">
														<span class="product-item_sale color-main font-additional customBgColor circle">-20%</span>
													</a>
													<div class="product-sidebar">
                              <a href="#" class="buy">
                                <span>BUY ITEM</span>
                              </a>

                              <a href="product-details.html" class="info">
                                <span>QUICK VIEW</span>
                              </a>

                              <a href="#" class="favorites">
                                <span>ADD TO FAVORITE</span>
                              </a>
                          </div>
												</div>
												<a href="product-details.html" class="product-item_footer">
													<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">RAIN COAT</div>
													<div class="product-item_price font-additional font-weight-normal customColor">$200.00</div>
												</a>
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<section id="brands">
        <div class="container">
          <div class="row">
            <ul class="brands-list">
              <li>
                <a href="#" class="brand-item">
                  <img src="images/brand-img-1.jpg" alt="Brand">
                </a>
              </li>
              <li>
                <a href="#" class="brand-item">
                  <img src="images/brand-img-2.jpg" alt="Brand">
                </a>
              </li>
              <li>
                <a href="#" class="brand-item">
                  <img src="images/brand-img-3.jpg" alt="Brand">
                </a>
              </li>
              <li>
                <a href="#" class="brand-item">
                  <img src="images/brand-img-4.jpg" alt="Brand">
                </a>
              </li>
              <li>
                <a href="#" class="brand-item">
                  <img src="images/brand-img-5.jpg" alt="Brand">
                </a>
              </li>
              <li>
                <a href="#" class="brand-item">
                  <img src="images/brand-img-6.jpg" alt="Brand">
                </a>
              </li>
            </ul>
          </div>
        </div>
      </section>

      <section id="subscribe" class="subscribe-row">
        <div class="container">
          <div class="subscribe-container clearfix wow fadeInUp text-center" data-wow-delay="0.3s">
            <div class="col-sm-12 subscribe-desc font-additional font-weight-bold">SIGN UP FOR OUR MONTHLY NEWSLETTER</div>
            <div id="mc_embed_signup" class="col-sm-9 col-sm-offset-3 subscribe-form">
              <form action="#" method="post">
                <div id="mc_embed_signup_scroll">
                  <div class="mc-field-group subscribe-field">
                    <input type="email" value="" name="sub-email" class="required email font-main color-third" id="sub-email" required>
                  </div>                  
                  <div class="subscribe-button">
                    <button type="submit" value="Subscribe" name="subscribe" class="btn btn-primary font-additional hvr-bounce-to-right before-bg"> SUBSCRIBE </button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </section>
      
      <footer id="footer">
        <a class="goToTop font-additional color-main text-uppercase" href="#" id="scrollTop">
          <i class="fa fa-angle-up"></i>
          <span>Top</span>
        </a>
        <div class="footer-top">
          <div class="container">
            <div class="row">
              <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 clearfix wow fadeIn" data-wow-delay="0.3s" data-wow-duration="2s">
                <a href="index.html" class="footer-top_logo"></a>
                <div class="footer-top_container clearfix">
                  <span class="font-main font-weight-normal color-additional">Proin est Pellentesque risus magna vulput vitae sodales uam morbi non sem lacus por mollis. Nunc condime ntum metus eud Ino lestie. Sed consectetuer. Lorem ipsum dolor amet ectetur adipisicing elit sed doincl.</span>
                  <ul class="footer-social-list">
                    <li><a href="#"><span class="social_facebook" aria-hidden="true"></span></a></li>
                    <li><a href="#"><span class="social_twitter" aria-hidden="true"></span></a></li>
                    <li><a href="#"><span class="social_googleplus" aria-hidden="true"></span></a></li>
                    <li><a href="#"><span class="social_pinterest" aria-hidden="true"></span></a></li>
                    <li><a href="#"><span class="social_youtube" aria-hidden="true"></span></a></li>
                    <li><a href="#"><span class="social_instagram" aria-hidden="true"></span></a></li>
                  </ul>
                </div>
              </div>
              <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 clearfix wow fadeIn" data-wow-delay="0.6s" data-wow-duration="2s">
                <h4><span class="footer-top_title color-main font-additional font-weight-bold text-uppercase">QUICK LINKS</span></h4>
                <div class="footer-top_container clearfix">
                  <ul class="footer-nav">
                    <li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> My Account</a></li>
                    <li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> My Wishlist</a></li>
                    <li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Order Tracking</a></li>
                    <li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Order History</a></li>          
                    <li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Shipping Information</a></li>
                  </ul>
                </div>
              </div>
              <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 clearfix wow fadeIn" data-wow-delay="0.9s" data-wow-duration="2s">
                <h4><span class="footer-top_title color-main font-additional font-weight-bold text-uppercase">INFORMATION</span></h4>
                <div class="footer-top_container clearfix">
                  <ul class="footer-nav">
                    <li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> About us</a></li>
                    <li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Contact us</a></li>             
                    <li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Privacy Policy</a></li>
                    <li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Terms &amp; Conditions</a></li>
                    <li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Return Policy</a></li>
                  </ul>
                </div>
              </div>
              <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 clearfix wow fadeIn" data-wow-delay="1.2s" data-wow-duration="2s">
                <h4><span class="footer-top_title color-main font-additional font-weight-bold text-uppercase">GET IN TOUCH</span></h4>
                <div class="footer-top_container clearfix">
                  <ul class="footer-contact">
                    <li class="font-main font-weight-normal color-additional">
                      <span class="icon_pin" aria-hidden="true"></span>
                      Woocom ABC Road 14 Street <br>XYZ Country
                    </li>
                    <li class="font-main font-weight-normal color-additional oneLine">
                      <span class="icon_phone" aria-hidden="true"></span>
                       (800) 9235 3658 32
                    </li>
                    <li class="font-main font-weight-normal color-additional oneLine">
                      <span class="icon_mail" aria-hidden="true"></span>
                      info@mail.com
                    </li>
                    <li class="font-main font-weight-normal color-additional">
                      <span class="icon_clock" aria-hidden="true"></span>
                      Mon to Sat : 08:30 AM - 09:30 PM <br>Sun : 10:00 PM - 4:00 PM
                    </li>                   
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="footer-bottom">
          <div class="container">
            <div class="row">
              <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 clearfix">
                <span class="footer_copyright font-main" style="color:#fff;">Created by <span class="font-main font-weight-semibold">ewebcraft</span> &copy; 2015 All rights reserved.</span>
              </div>
              <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 clearfix">
                <ul class="footer-payments pull-right">
                  <li><img src="images/C-1.jpg" alt="Payments"></li>
                  <li><img src="images/C-2.jpg" alt="Payments"></li>
                  <li><img src="images/C-3.jpg" alt="Payments"></li>
                  <li><img src="images/C-4.jpg" alt="Payments"></li>                  
                </ul>
              </div>
            </div>
          </div>
        </div>
      </footer>
		</div>

    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="js/jquery-ui.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
		<script src="js/modernizr.custom.js"></script>
		<script src="js/jquery.placeholder.min.js"></script>
		<script src="js/smoothscroll.min.js"></script>
		<script src="js/classie.js"></script>
		
	  <script src="plugins/owl-carousel/owl.carousel.min.js"></script>
	  
	  <script src="plugins/bxslider/jquery.bxslider.min.js"></script>
		
		<script src="plugins/switcher/js/bootstrap-select.js"></script> 
		<script src="plugins/switcher/js/evol.colorpicker.min.js" type="text/javascript"></script> 
		<script src="plugins/switcher/js/dmss.js"></script>
	  
	  <script type="text/javascript" src="plugins/isotope/jquery.isotope.min.js"></script> 

		<script src="js/wow.min.js"></script>
		<script src="js/cssua.min.js"></script>
    <script src="js/theme.js"></script> 
	</body>
</html>